<template>
  <el-scrollbar style="height:100%;">
    <el-row style="min-width: 1300px;">
      <el-col :span="24">
        <offeringHeader :orderDetail="orderDetail">
          <div slot="tools"><slot name="tools"></slot></div>
        </offeringHeader>
        <offeringBidding :orderDetail="orderDetail"></offeringBidding>
      </el-col>
    </el-row>
  </el-scrollbar>
</template>

<script>
import offeringHeader from '@/views/fhb/myOrders/components/detail/offeringHeader'
import offeringBidding from '@/views/fhb/myOrders/components/detail/offeringBidding'

export default {
  name: 'offering-info',
  components: {
    offeringHeader,
    offeringBidding
  },
  props: {
    id: {
      type: String,
      default: ''
    },
    orderDetail: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  computed: {
  }
}
</script>

<style scoped>

</style>
